<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>
<%@ taglib uri="http://matrixcsm.zkingsoft.com" prefix="cms"%>
<cms:ads   code="'img_mhFY40',
'ZY_GuanYuWoMen_1',
'ZY_GongSiJieShao_2',
'ZY_XiErFanRenZheng_3',
'ZY_XiErFanRenZhengLi_4',
'ZY_WoMenJianChiYi_5',
'ZY_BaiBanHongZiGongFang_6',
'img_bBK0C7',
'img_D26sa8',
'img_d1TNE9',
'ZY_FuWuZongZhi_10',
'ZY_DuLiKeGuan_11',
'img_Ku3aP12',
'img_QJN5a13',
'ZY_FuWuLiNian_14',
'ZY_YiKeGuanGongZhengWei_15',
'ZY_ZhengShuYangBen_16',
'ZY_WoMenYongYouDuoGe_17',
'img_rRd7_18',
'img_Xg$u419',
'img__3T7620',
'img_vcHEE21',
'img_rFG$w22',
'img_dFM7r23',
'img_rApc624',
'ZY_RenZhengBiaoZhi_25',
'img_o04VM26',
'ZY_GongSilogo_27',
'img_RKZYK28',
'ZY_RenZhengBiaoZhi_29',
'ZY_GongSiZiZhi_30',
'img_rhF7m31',
'img_HtZNF32',
'ZY_ShangBiaoZhuCeZhengShu_33',
'img_eUc5f34'"></cms:ads>
<!doctype html>
<html>
 <head> 
  <meta charset="utf-8"> 
  <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
  <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"> 
  <meta content="telephone=no" name="format-detection"> 
  <meta content="yes" name="apple-mobile-web-app-capable"> 
  <link rel="icon" sizes="any" href="${浏览器logo}">
  <title>希尔梵${网页标题}</title> 
  <link rel="stylesheet" type="text/css" href="https://hwfile.csxuncong.com/xrfrz/new/mobile/./css/common.css"> 
  <link rel="stylesheet" type="text/css" href="https://hwfile.csxuncong.com/xrfrz/new/mobile/css/animate.css"> 
  <link rel="stylesheet" type="text/css" href="https://hwfile.csxuncong.com/xrfrz/new/mobile/./css/swiper-bundle.min.css"> 
  <link rel="stylesheet" type="text/css" href="https://hwfile.csxuncong.com/xrfrz/new/mobile/./css/iconfont.css"> 
  <style>.company-info .info-top .item{ width: 100%; } .company-info .info-top p{ font-size: 14px; line-height: 18px; color: #666666; } .company-info .info-top p:not(:first-child){ margin-top: 24px; } .company-info .info-top img{ width: 100%; } .company-info .info-bottom{ margin-top: 20px; width: 100%; box-sizing: border-box; } .company-info .info-bottom .item{ width: 50%; box-sizing: border-box; padding: 5px; } .company-info .info-bottom .img-warp{ width: 100%; } .company-info .info-bottom .img-warp img{ width: 100%; } .company-info .info-bottom .text-warp{ width: 100%; padding: 12px; background: #F4F4F4; box-sizing: border-box; } .company-info .info-bottom .text-warp img{ width: 25px; } .company-info .info-bottom .text-warp p{ font-size: 14px; font-weight: bold; margin-top: 10px; margin-bottom: 8px; } .company-info .info-bottom .text-warp span{ font-size: 14px; color: #666666; } .box-bg1{ background: url(https://hwfile.csxuncong.com/xrfrz/new/mobile/images/home/bg2.png) no-repeat; background-size: 100% 100%; } .box .certificate-text{ font-size: 12px; color: rgba(255,255,255,0.6); }  .box-bg2{ background: url(https://hwfile.csxuncong.com/xrfrz/new/mobile/images/company-bg1.png) no-repeat; background-size: 100% 100%; } .box .content{ margin-top: 32px; } .box .content .item{ width: 50%; padding: 10px; } .box .content .item-bg{ background: rgba(255,255,255,0.14); padding: 4px; box-sizing: border-box; } .box .content .item-border{ border: 1px solid #FFFFFF; padding: 4px; } .box .content .item-border .image-warp{ width: 100%; background: #FFFFFF; padding: 20px 0; box-sizing: border-box; } .box .content .item-bg img{ width: 60%; } .box .content .item-bg p{ font-size: 12px; font-weight: bold; margin-top: 10px; } .box-bg3{ background: url(https://hwfile.csxuncong.com/xrfrz/new/mobile/images/company-bg2.png) no-repeat; background-size: 100% 100%; } .box-bg4{ background: url(https://hwfile.csxuncong.com/xrfrz/new/mobile/images/company-bg3.png) no-repeat; background-size: 100% 100%; }
    .certificate-content{
        margin-top: 20px;
        position: relative;
        padding-bottom: 40px;
    }
    .certificate-content .swiper-btn-warp{
        width: 100%;
        position: absolute;
        bottom: 10px;
    }
    /* 清除默认样式 */
    .swiper-button-prev:after{
        display: none;
    }
    .swiper-button-next:after{
        display: none;
    }
    /*自定义样式*/
    .swiper-button-prev{
        width: 30px;
        height: 30px;
        background: url('https://hwfile.csxuncong.com/xrfrz/new/mobile/images/leftBtn.png') no-repeat;
        background-size: 100% 100%;
    }
    .swiper-button-next{
        width: 30px;
        height: 30px;
        background:url('https://hwfile.csxuncong.com/xrfrz/new/mobile/images/rightBtn.png') no-repeat;
        background-size: 100% 100%;
    }
    .certificate-content .swiper-slide{
        width: 150px;
    }
    .certificate-content .swiper-slide img{
        width: 100%;
    }
    .box-bg5{
        background: #383637 url('http://hwfile.jyymatrix.cc/image/xrfrz.com/20220818/43fe7797092641279cc2c4cbcde0f31562a7d22407bd44ecac3a2ee03b8bb277.png') no-repeat;
        background-size: 100% 100%;
    }
</style> 
  <meta name="keywords" content="${网页关键词}">
  <meta name="description" content="${网页描述 }">
 </head> 
 <body> 
  <jsp:include page="_top.jsp"></jsp:include> 
  <div class="image-warp"> 
   <img src="${img_mhFY40.adImg}" class="img zy" data-type="ad" data-id="${img_mhFY40.adId}"> 
   <div class="page-name"> 
    <h2 class="zy" data-type="ad" data-id="${ZY_GuanYuWoMen_1.adId}">${ZY_GuanYuWoMen_1.adTitle}</h2> 
   </div> 
  </div> 
  <div class="box"> 
   <h2 class="title zy" data-type="ad" data-id="${ZY_GongSiJieShao_2.adId}">${ZY_GongSiJieShao_2.adTitle}</h2> 
   <div class="company-info"> 
    <div class="info-top"> 
     <div class="item"> 
      <p class="zy" data-type="ad" data-id="${ZY_XiErFanRenZheng_3.adId}">${ZY_XiErFanRenZheng_3.adTitle}</p> 
      <p class="zy" data-type="ad" data-id="${ZY_XiErFanRenZhengLi_4.adId}">${ZY_XiErFanRenZhengLi_4.adTitle}</p> 
      <p class="zy" data-type="ad" data-id="${ZY_WoMenJianChiYi_5.adId}">${ZY_WoMenJianChiYi_5.adTitle}</p> 
      <p class="zy" data-type="ad" data-id="${ZY_BaiBanHongZiGongFang_6.adId}">${ZY_BaiBanHongZiGongFang_6.adTitle}</p> 
     </div> 
     <div class="item mt-20"> 
      <img src="${img_bBK0C7.adImg}" class="zy" data-type="ad" data-id="${img_bBK0C7.adId}"> 
     </div> 
    </div> 
    <div class="info-bottom flex align-center space-between"> 
     <div class="item"> 
      <div class="img-warp"> 
       <img src="${img_D26sa8.adImg}" class="zy" data-type="ad" data-id="${img_D26sa8.adId}"> 
      </div> 
      <div class="text-warp"> 
       <img src="${img_d1TNE9.adImg}" class="zy" data-type="ad" data-id="${img_d1TNE9.adId}"> 
       <p class="zy" data-type="ad" data-id="${ZY_FuWuZongZhi_10.adId}">${ZY_FuWuZongZhi_10.adTitle}</p> 
       <span class="zy" data-type="ad" data-id="${ZY_DuLiKeGuan_11.adId}">${ZY_DuLiKeGuan_11.adTitle}</span> 
      </div> 
     </div> 
     <div class="item"> 
      <div class="img-warp"> 
       <img src="${img_Ku3aP12.adImg}" class="zy" data-type="ad" data-id="${img_Ku3aP12.adId}"> 
      </div> 
      <div class="text-warp"> 
       <img src="${img_QJN5a13.adImg}" class="zy" data-type="ad" data-id="${img_QJN5a13.adId}"> 
       <p class="zy" data-type="ad" data-id="${ZY_FuWuLiNian_14.adId}">${ZY_FuWuLiNian_14.adTitle}</p> 
       <span class="ellipsis zy" data-type="ad" data-id="${ZY_YiKeGuanGongZhengWei_15.adId}">${ZY_YiKeGuanGongZhengWei_15.adTitle}</span> 
      </div> 
     </div> 
    </div> 
   </div> 
  </div> 
  <div class="box box-bg1"> 
   <h2 class="title white zy" data-type="ad" data-id="${ZY_ZhengShuYangBen_16.adId}">${ZY_ZhengShuYangBen_16.adTitle}</h2> 
   <p class="certificate-text text-center zy" data-type="ad" data-id="${ZY_WoMenYongYouDuoGe_17.adId}">${ZY_WoMenYongYouDuoGe_17.adTitle}</p> 
   <div class="certificate-content"> 
    <div class="swiper mySwiper"> 
     <div class="swiper-wrapper"> 
      <div class="swiper-slide"> 
       <img src="${img_rRd7_18.adImg}" class="img zy" data-type="ad" data-id="${img_rRd7_18.adId}"> 
      </div> 
      <div class="swiper-slide"> 
       <img src="${img_Xg$u419.adImg}" class="img zy" data-type="ad" data-id="${img_Xg$u419.adId}"> 
      </div>  
      <div class="swiper-slide"> 
       <img src="${img_vcHEE21.adImg}" class="img zy" data-type="ad" data-id="${img_vcHEE21.adId}"> 
      </div> 
      <div class="swiper-slide"> 
       <img src="${img_rFG$w22.adImg}" class="img zy" data-type="ad" data-id="${img_rFG$w22.adId}"> 
      </div> 
      <div class="swiper-slide"> 
       <img src="${img_dFM7r23.adImg}" class="img zy" data-type="ad" data-id="${img_dFM7r23.adId}"> 
      </div> 
      <div class="swiper-slide"> 
       <img src="${img_rApc624.adImg}" class="img zy" data-type="ad" data-id="${img_rApc624.adId}"> 
      </div> 
	  <div class="swiper-slide">
	   <img src="http://hwfile.jyymatrix.cc/image/xrfrz.com/20220719/9bbc7d8764474d7bb0ccd27ce4209505abc0423d56da4335876f011f965bbef2.jpg" class="img zy"> 
	  </div> 
	  <div class="swiper-slide"> 
	   <img src="http://hwfile.jyymatrix.cc/image/xrfrz.com/20220719/9464716ef60743ba8f7eea0c0c83aa4df4386214a2234a279b61070662ced6b2.jpg" class="img zy"> 
	  </div> 
     </div> 
    </div> 
    <div class="swiper-btn-warp"> 
     <div class="swiper-button-next"></div> 
     <div class="swiper-button-prev"></div> 
    </div> 
   </div> 
  </div> 
  <div class="box box-bg2"> 
   <div class="container"> 
    <h2 class="title white zy" data-type="ad" data-id="${ZY_RenZhengBiaoZhi_25.adId}">${ZY_RenZhengBiaoZhi_25.adTitle}</h2> 
    <div class="content flex align-center space-around"> 
     <div class="item"> 
      <div class="item-bg"> 
       <div class="item-border"> 
        <div class="image-warp flex flex-column align-center space-center"> 
         <img src="${img_o04VM26.adImg}" class="zy" data-type="ad" data-id="${img_o04VM26.adId}"> 
         <p class="zy" data-type="ad" data-id="${ZY_GongSilogo_27.adId}">${ZY_GongSilogo_27.adTitle}</p> 
        </div> 
       </div> 
      </div> 
     </div> 
     <div class="item"> 
      <div class="item-bg"> 
       <div class="item-border"> 
        <div class="image-warp flex flex-column align-center space-center"> 
         <img src="${img_RKZYK28.adImg}" class="zy" data-type="ad" data-id="${img_RKZYK28.adId}"> 
         <p class="zy" data-type="ad" data-id="${ZY_RenZhengBiaoZhi_29.adId}">${ZY_RenZhengBiaoZhi_29.adTitle}</p> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 
   </div> 
  </div> 
  <div class="box box-bg3"> 
   <div class="container"> 
    <h2 class="title white zy" data-type="ad" data-id="${ZY_GongSiZiZhi_30.adId}">${ZY_GongSiZiZhi_30.adTitle}</h2> 
    <div class="content flex flex-wrap align-center space-around"> 
     <img style="width: 40%;" src="${img_rhF7m31.adImg}" class="zy" data-type="ad" data-id="${img_rhF7m31.adId}"> 
     <img style="width: 40%;" src="http://hwfile.jyymatrix.cc/image/xrfrz.com/20220725/4cd51c1e81c44e05865e37248517e0fdde7645b2d6e24f87bc451a10ac6b11e4.jpg" class="zy"> 
     <img style="width: 40%;margin-top: 20px;" src="${img_HtZNF32.adImg}" class="zy" data-type="ad" data-id="${img_HtZNF32.adId}"> 
	 <img style="width: 40%;margin-top: 20px;" src="http://hwfile.jyymatrix.cc/image/xrfrz.com/20220719/7ee0777d8e5c4053949620c7759689b61522c556d4ef435e85f90cee5103075a.jpg" class="zy">
	 <img style="width: 40%;margin-top: 20px;" src="http://hwfile.jyymatrix.cc/image/xrfrz.com/20220719/93500f49b8244048a7e43b044fa365fade10ab2cc3ad4933b79de34c3c9a3d96.jpg" class="zy">
    </div> 
   </div> 
  </div> 
  <div class="box box-bg4"> 
   <div class="container"> 
    <h2 class="title white zy" data-type="ad" data-id="${ZY_ShangBiaoZhuCeZhengShu_33.adId}">${ZY_ShangBiaoZhuCeZhengShu_33.adTitle}</h2> 
    <!-- <div class="content flex align-center space-center"> 
     <img style="width: 30%;" src="${img_eUc5f34.adImg}" class="zy" data-type="ad" data-id="${img_eUc5f34.adId}"> 
    </div>  -->
    <div class="certificate-content"> 
        <div class="swiper mySwiper"> 
         <div class="swiper-wrapper"> 
          <div class="swiper-slide"> 
            <img src="https://hwfile.csxuncong.com/xrfrz/new/pc/images/trademark/1.jpg" class="img"> 
          </div> 
          <div class="swiper-slide"> 
            <img src="https://hwfile.csxuncong.com/xrfrz/new/pc/images/trademark/2.jpg" class="img">
          </div> 
          <div class="swiper-slide"> 
            <img src="https://hwfile.csxuncong.com/xrfrz/new/pc/images/trademark/3.jpg" class="img">
          </div> 
          <div class="swiper-slide"> 
            <img src="https://hwfile.csxuncong.com/xrfrz/new/pc/images/trademark/4.jpg" class="img">
          </div> 
          <div class="swiper-slide"> 
            <img src="https://hwfile.csxuncong.com/xrfrz/new/pc/images/trademark/5.jpg" class="img">
          </div> 
          <div class="swiper-slide"> 
            <img src="https://hwfile.csxuncong.com/xrfrz/new/pc/images/trademark/6.jpg" class="img">
          </div> 
          <div class="swiper-slide"> 
            <img src="https://hwfile.csxuncong.com/xrfrz/new/pc/images/trademark/7.jpg" class="img">
          </div> 
         </div> 
        </div> 
        <div class="swiper-btn-warp"> 
         <div class="swiper-button-next"></div> 
         <div class="swiper-button-prev"></div> 
        </div> 
    </div> 
   </div> 
  </div> 
  <div class="box box-bg5"> 
    <div class="container"> 
     <h2 class="title color-white">公司专利</h2>
     <!-- <div class="content flex align-center space-center"> 
      <img style="width: 30%;" src="${img_eUc5f34.adImg}" class="zy" data-type="ad" data-id="${img_eUc5f34.adId}"> 
     </div>  -->
     <div class="certificate-content"> 
         <div class="swiper mySwiper"> 
          <div class="swiper-wrapper"> 
            <div class="swiper-slide">
                <img src="https://hwfile.csxuncong.com/xrfrz/new/pc/images/trademark/8.jpg" class="img"> 
              </div> 
              <div class="swiper-slide"> 
                <img src="https://hwfile.csxuncong.com/xrfrz/new/pc/images/trademark/9.jpg" class="img">
              </div> 
              <div class="swiper-slide"> 
                <img src="https://hwfile.csxuncong.com/xrfrz/new/pc/images/trademark/10.jpg" class="img">
              </div> 
              <div class="swiper-slide"> 
                <img src="https://hwfile.csxuncong.com/xrfrz/new/pc/images/trademark/11.jpg" class="img">
              </div> 
              <div class="swiper-slide"> 
                <img src="https://hwfile.csxuncong.com/xrfrz/new/pc/images/trademark/12.jpg" class="img">
              </div> 
              <div class="swiper-slide"> 
                <img src="https://hwfile.csxuncong.com/xrfrz/new/pc/images/trademark/13.jpg" class="img">
              </div> 
              <div class="swiper-slide"> 
                <img src="https://hwfile.csxuncong.com/xrfrz/new/pc/images/trademark/14.jpg" class="img">
              </div> 
              <div class="swiper-slide"> 
                <img src="https://hwfile.csxuncong.com/xrfrz/new/pc/images/trademark/15.jpg" class="img">
              </div> 
              <div class="swiper-slide"> 
                <img src="https://hwfile.csxuncong.com/xrfrz/new/pc/images/trademark/16.jpg" class="img">
              </div> 
              <div class="swiper-slide"> 
                <img src="https://hwfile.csxuncong.com/xrfrz/new/pc/images/trademark/17.jpg" class="img">
              </div> 
          </div> 
         </div> 
         <div class="swiper-btn-warp"> 
          <div class="swiper-button-next"></div> 
          <div class="swiper-button-prev"></div> 
         </div> 
     </div> 
    </div> 
   </div>
  <jsp:include page="_footer.jsp"></jsp:include> 
  <script src="https://hwfile.csxuncong.com/xrfrz/new/mobile/./js/swiper-bundle.min.js"></script> 
  <script src="https://hwfile.csxuncong.com/xrfrz/new/mobile/./js/wow.min.js"></script> 
  <script src="https://hwfile.csxuncong.com/xrfrz/new/mobile/js/jquery.min.js"></script> 
  <script src="https://hwfile.csxuncong.com/xrfrz/new/mobile/./js/common.js"></script> 
  <script>	
			var swiper = new Swiper('.box-bg1 .mySwiper', {
				speed:1000,   //滑动速度
				loop:true,    //循环
				loopedSlides: 3,  //循环个数
				centeredSlides : true,   //活动滑块居中
				slidesPerView: 3,   //显示slide数量
				spaceBetween: 0,   //slide之间的距离
				// autoplay : true,
				effect: 'coverflow',
				coverflowEffect: {
					rotate: 0,
					stretch: 200,
					depth: 100,
					modifier: 1,
					slideShadows: false,
				},
				grabCursor: true,
				navigation: {
					nextEl: ".box-bg1 .swiper-button-prev",
					prevEl: ".box-bg1 .swiper-button-next",
				},
			});
			var swiper2 = new Swiper('.box-bg4 .mySwiper', {
				speed:1000,   //滑动速度
				loop:true,    //循环
				loopedSlides: 3,  //循环个数
				centeredSlides : true,   //活动滑块居中
				slidesPerView: 3,   //显示slide数量
				spaceBetween: 0,   //slide之间的距离
				// autoplay : true,
				effect: 'coverflow',
				coverflowEffect: {
					rotate: 0,
					stretch: 200,
					depth: 100,
					modifier: 1,
					slideShadows: false,
				},
				grabCursor: true,
				navigation: {
					nextEl: ".box-bg4 .swiper-button-prev",
					prevEl: ".box-bg4 .swiper-button-next",
				},
			});
            var swiper3 = new Swiper('.box-bg5 .mySwiper', {
				speed:1000,   //滑动速度
				loop:true,    //循环
				loopedSlides: 3,  //循环个数
				centeredSlides : true,   //活动滑块居中
				slidesPerView: 3,   //显示slide数量
				spaceBetween: 0,   //slide之间的距离
				// autoplay : true,
				effect: 'coverflow',
				coverflowEffect: {
					rotate: 0,
					stretch: 200,
					depth: 100,
					modifier: 1,
					slideShadows: false,
				},
				grabCursor: true,
				navigation: {
					nextEl: ".box-bg5 .swiper-button-prev",
					prevEl: ".box-bg5 .swiper-button-next",
				},
			});
		</script>   
 </body>
</html>